<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>全国老师数量增长图</title>
    <link rel="stylesheet" href="css/common-css/pc-common.css"/>
    <link rel="stylesheet" href="css/laoshitongji-style.css"/>
    <script src="js/common-js/jquery-1.11.3.min.js"></script>
    <script src="js/common-js/echarts.js"></script>
    <script src="js/teacher-line.js"></script>
    <script>
        $(function(){
            function xiala(oClass,oId1,oId2){
                $(oClass).click(function(){
                    $(oId1).slideToggle();
                    $(oClass+' i').toggleClass('xiasanjiao','sanjiao');

                });
                $('.show2').click(function(){
                    $(oId2).slideToggle();
                });
            }
            xiala('.show','#box','#box1');
            xiala('.tiku','#box2','#box3');
            var oT=$(window).height();
            var oW=$(window).width();
            var oCha=oT-42;
            var oCha2=oW-225;
            $('#main').css({
                'width':'100%',
                'height':oCha
            });
            $('.right-content').css('width',oCha2);
            $(window).on('resize',function(){
                var oT=$(window).height();
                var oW=$(window).width();
                var oCha=oT-42;
                var oCha2=oW-225;
                $('#main').css({
                    'width':'100%',
                    'height':oCha
                });
                $('.right-content').css('width',oCha2)
            })
            line();
        });

    </script>
</head>
<body>
    <div class="header" id="header">
        <h1 class="f-l logo">艾的教育</h1>
        <ul class="login clearfix">
            <li>
                <a href="javascript:;" class="clearfix">
                     
                    <p>张三</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="main clearfix" id="main">
        <div class="left-list">
            <ul class="main-list">
                <li class="fenlei-box no-bg">
                    <div class="fenlei"></div>
                </li>
                <li class="no-bg">
                    <a href="index.html">
                        <span>主页</span>
                        <i></i>
                    </a>
                </li>
                <li class="show">
                    <a href="javascript:;">
                        <span>园所管理</span>
                        <b></b>
                        <i class="sanjiao"></i>
                    </a>
                </li>
                <ul class="box" id="box">
                    <li class="show2">
                        <a href="javascript:;">1111111</a>
                    </li>
                    <ul class="box1" id="box1">
                        <li>
                            <a href="javascript:;">aaaaa</a>
                        </li>
                        <li>
                            <a href="javascript:;">bbbbb</a>
                        </li>
                        <li>
                            <a href="javascript:;">ccccc</a>
                        </li>
                        <li>
                            <a href="javascript:;">ddddd</a>
                        </li>
                    </ul>
                    <li>
                        <a href="teacher_statistics.html">教师统计图</a>
                    </li>
                    <li>

                        <a href="nationwide_counts_list.html">各园所信息</a>
                    </li>
                    <li>
                        <a href="javascript:;">44444</a>
                    </li>
                </ul>
                <li class="tiku">
                    <a href="javascript:;">
                        <span>题库管理</span>
                        <b></b>
                        <i class="sanjiao"></i>
                    </a>
                </li>
                <ul class="box" id="box2">
                    <li class="show2">
                        <a href="javascript:;">11111</a>
                    </li>
                    <ul class="box1" id="box3">
                        <li>
                            <a href="javascript:;">aaaaa</a>
                        </li>
                        <li>
                            <a href="javascript:;">bbbbb</a>
                        </li>
                        <li>
                            <a href="javascript:;">ccccc</a>
                        </li>
                        <li>
                            <a href="javascript:;">ddddd</a>
                        </li>
                    </ul>
                    <li>
                        <a href="teacher_statistics.html">教师统计图</a>
                    </li>
                    <li>
                        <a href="danti_list1.html">宝贝单体信息表</a>
                    </li>
                    <li>
                        <a href="javascript:;">44444</a>
                    </li>
                </ul>
                <li>
                    <a href="javascript:;">
                        <span>不知道什么管理</span>
                        <b></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span>不知道什么管理</span>
                        <b></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span>不知道什么管理</span>
                        <b></b>
                    </a>
                </li>


            </ul>
        </div>
        <div class="right-content">
            <div class="content">
                <div class="kinder-infor">
                    <div class="infor-nr divone">
                        <div class="kinder-left"><img src="images/kinder_icon1.png" alt=""></div>
                        <div class="kinder-right">
                            <h2>500所</h2>
                            <p>全球园所数</p>
                        </div>
                    </div>
                    <div class="infor-nr divtwo">
                        <div class="kinder-left"><img src="images/kinder_icon2.png" alt=""></div>
                        <div class="kinder-right">
                            <h2>3000人</h2>
                            <p>老师数量</p>
                        </div>
                    </div>
                    <div class="infor-nr divthree">
                        <div class="kinder-left"><img src="images/kinder_icon3.png" alt=""></div>
                        <div class="kinder-right">
                            <h2>25000人</h2>
                            <p>家长数量</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="kinder-chart">
                    <div id="chart1"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>